<!DOCTYPE html>
<html>
	<head>  
 		<title>网页布局</title>
 		<meta charset="utf-8" />
  		<style type="text/css">
		    *{
				margin:0;
				padding:0;}
			.mybody{
				width: 1300px;
				height: 700px;
				border:2px red solid;
				margin: 10px auto;}
			.header{
				height: 200px;
				border:2px blue solid;}
			.content{
				height:400px;
				border:2px blue solid;}
			.left{
				height: 300px;
				width: 600px;
				background-color: pink;
				float: left;}
			.right{
				height: 300px;
				width: 690px;
				background-color: orange;
				float:left;
				margin-left:5px;}
			.menu{
				width: 1298px;
				height: 100px;
				border:1px dotted black;
				float: left;
			}
			.footer{
				height: 100px;
				background: #444;
				}
		 </style>
 	</head>
 	<body>
		<div class="mybody">
			<div class="header">
				<div class="nav"></div>
				<div class="logo"></div>
				<div class="banner"></div>
			</div>
			<div class="content">
				<div class="news">
					<div class="left"></div>
					<div class="right"></div>
				</div>
				<div class="menu"></div>
				<div class="link"></div>
			</div>
			<div class="footer"></div>
		</div>
 	</body>
</html>
